// 1.state在vuex中用于存储数据
var state = {
    count: 1
}
// 2.里面放的是方法，主要用于改变state中的数据
var mutations = {
    incCount(el){
        ++state.count;
    }
}
// 3.有点类似计算属性,改变state里面的count数据的手绘触发getters里面的方法，获取新的值(基本用不到)
var getters = {
    computedCount: state => {
        return state.count * 2;
    }
}
// 4.action类似于mutation，不同于：action提交的是mutation，而不是直接改变状态，action可以包含任意异步操作
var actions = {
    incMutationsCount(context) {//外部触发需要用this.$store.dispatch('incMutationsCount')
        context.commit('incCount');//执行mutations中的方法
    }
}
export default {
    // 当模块被注册后，它的所有 getter、action 及 mutation 都会自动根据模块注册的路径调整命名
    namespaced: true,
    state,
    mutations,
    getters,
    actions
}